<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script>
		<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
		<script type="text/javascript"  src="../js/ztree/jquery.ztree.all-3.5.js"></script>
		<link rel="stylesheet" href="../js/ztree/zTreeStyle.css" />
		<script type="text/javascript">
			
		//树形菜单
				$(function(){
				
					var setting={
					
					data:{
						
						simpleData:{
							enable:true
						}
					},
					callback:{
						
					onClick: function (event, treeId, treeNode,clickFlag) {
						
						var content = "<div style='height: 100%;width: 100%;overflow: hidden;'><iframe src='"+treeNode.page+"'scrolling='auto' style='height: 100%;width: 100%;border:0;'></iframe></div>"
						
						if (treeNode.page!= undefined && treeNode.page!="") {
							
							if($("#tab").tabs("exists",treeNode.name)){
								$("#tab").tabs("select",treeNode.name);
								
							}else{
								$("#tab").tabs("add",{
    								title:treeNode.name,
    								content:content,
    								closable:true
    							});
							}
						} 
					}
					}
					
				};
				
				var Nodes=[
				
				{id:1,pId:0,name:"基础数据"},
				
				{id:11,pId:1,name:"基础档案设置",page:"asfsd"},
				{id:12,pId:1,name:"收派标准"},
				{id:13,pId:1,name:"班车管理"},
				{id:14,pId:1,name:"快递员设置/替班"},
				{id:15,pId:1,name:"区域设置"},
				{id:16,pId:1,name:"管理分区"},
				{id:17,pId:1,name:"管理定区/调度排班"},
				{id:18,pId:1,name:"收派时间管理"},
				
				{id:2,pId:0,name:"受理"},
				
				{id:21,pId:2,name:"业务受理"},
				{id:22,pId:2,name:"运单快速录入"},
				{id:23,pId:2,name:"运单录入"},
				{id:24,pId:2,name:"运单导入"},
				{id:25,pId:2,name:"运单管理"},
				{id:26,pId:2,name:"异调运单"},
				{id:27,pId:2,name:"运单打印"},
				
				{id:3,pId:0,name:"调度"},
				
				{id:31,pId:3,name:"查台转单"},
				{id:32,pId:3,name:"人工调度"},
				{id:33,pId:3,name:"取派调度监控"},
				{id:34,pId:3,name:"签收录入"},
				{id:35,pId:3,name:"取消签收申请"},
				{id:36,pId:3,name:"宣传任务"},
				
				{id:4,pId:0,name:"分拣管理"},
				
				{id:41,pId:4,name:"入库"},
				{id:42,pId:4,name:"出库"},
				{id:43,pId:4,name:"盘库"},
				{id:44,pId:4,name:"合包"},
				{id:45,pId:4,name:"到达时间录入"},
				{id:46,pId:4,name:"出入库查询"},
				{id:47,pId:4,name:"库存查询"},
				{id:48,pId:4,name:"合包查询"}
				];
				
				$.fn.zTree.init($("#baseMeau"),setting,Nodes);
				
				$("#tab").tabs({
					
					onContextMenu:function(e,title,index){
						e.preventDefault();
						$("#mm").menu("show",{
							left:e.pageX,
							top:e.pageY
						});
					}
				});
				
				$.messager.show({
					
					title:"提示:",
					msg:"欢迎来到XX管理系统，有什么问题<a href='#'>请猛戳这里！<a/>",
					timeout:3000
					
				});
				
			});
			
		</script>
		
	</head>
	<body class="easyui-layout">
		
		<div data-options="region:'north'" style="height: 80px;">
			<br />
			<div>
			&nbsp;
			<img src="../images/logo.png" />
			</div>
			
		</div>
		<div data-options="region:'west',title:'菜单导航'" style="width: 210px;">
			
			<div class="easyui-accordion" data-options="fit:true">
				
				<div data-options="title:'基本功能',iconCls:'icon-mini-add'">
					<ul id="baseMeau" class="ztree"></ul>
				</div>
				<div data-options="title:'管理系统',iconCls:'icon-mini-add'">管理系统</div>
			</div>
			
		</div>
		<div data-options="region:'center'">
			
			<div id="tab" class="easyui-tabs" data-options="fit:true">
			</div>
			
		</div>
		<!--<div data-options="region:'east'" style="width: 100px;">东部区</div>-->
		<div data-options="region:'south'" style="height: 50px;">
			<br />
			<center><font style="color: #999; font-size: 8pt;">BOSv2.0综合物流管理平台 | Powered by <a href="#">传智博客</a></font></center>
		</div>
		
		<div id="mm" class="easyui-menu" style="width: 120px;">
			
			<div>关闭当前窗口</div>
			<div>关闭其他窗口</div>
			<div class="menu-sep"></div>
			<div data-options="iconCls:'icon-cancel'">关闭全部窗口</div>
		</div>
	</body>
</html>
